import Vue from 'vue'
import App from './App'
import {router} from './router' // 引入路由
import store from './store' // 引入vuex全局状态管理
import ElementUI from 'element-ui' // 引入element-ui
import 'element-ui/lib/theme-chalk/index.css'
import 'es6-promise' // promise垫片
import api from '@/api' // 引入接口文档
import 'normalize.css/normalize.css'
import 'styles/index.scss'
import cookie from 'js-cookie' // 引入cookie
import VueLazyload from 'vue-lazyload' // 引入图片懒加载
import * as filters from '@/filters'

// 使用element-ui
Vue.use(ElementUI)
// 配置图片懒加载
Vue.use(VueLazyload, {
  loading: require('@/assets/images/default.jpg'),
  error: require('@/assets/images/default.jpg')
})
// 把api文件添加到原型中
Vue.prototype.$api = api
// 把cookie添加到原型中  组件内使用方法 存：this.$cookie.set(key,value) 取 this.$cookie.get(key) 删 this.$cookie.remove(key)
Vue.prototype.$cookie = cookie

// 生成环境取消控制台提示信息
Vue.config.productionTip = false
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  template: '<App/>',
  components: { App }
})
